﻿
.data-table {
    /* bottom spacing between table border and bottom row */
    padding-bottom: 2px;
}

.data-table, .editor-table {
    border-spacing: 0;
    border-collapse: separate;
    min-width: 50%;
    border: 1px solid #ddd;
    margin-bottom: 4px;
}

    .data-table th {
        color: #000;
        text-align: left;
        font-weight: bold;
        padding: 2px 16px 2px 4px;
        white-space: nowrap;
        background-color: #eee;
        /* top spacing between table header and top row */
        border-bottom: 2px solid white;
    }

    .data-table td, .editor-table td {
        color: #000;
        text-align: left;
        font-weight: normal;
        padding: 2px 8px 2px 4px;
    }

        .data-table td:last-child, .editor-table td:last-child, .data-table th:last-child, .editor-table th:last-child {
            padding-right: 4px;
        }


.data-row {
}

    .data-row td {
        border-top: 1px solid transparent;
        border-bottom: 1px solid transparent;
    }

    .data-row:hover td {
        background-color: #f6f6f6;
        border-color: #ddd;
    }

tr .data-hover a, tr .data-hover span {
    visibility: hidden;
}

tr:hover .data-hover a, tr:hover .data-hover span {
    visibility: visible;
}

.data-row.selectable {
    cursor: pointer;
}

    .data-row.selectable:hover td {
        background-color: #e5f3fb;
        border-color: #70c0e7;
    }

.data-row.selected td, .data-row.selected:hover td {
    background-color: #d1e8ff;
}

.data-group-expand, .data-group-collapse {
    cursor: pointer;
    user-select: none;
}

/* special table columns */
th.data-group, td.data-group {
    padding:0;
    margin:0;
    width:15px;
}

.data-group-header td {
    color: #777;
}

th.data-check, td.data-check {
    padding:0;
    margin:0;
    width:20px;
    text-align:center;
}
